<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut" href="/favicon.ico" />
  <title>组件库||component-library</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
</head>
<body>
  <div id="app">加载中</div>
  <!-- vue的支持 -->
  <script src="./base/vue.min.js"></script>
  <!-- <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> -->
  <!-- 主题 -->
  <link rel="stylesheet" href="./base/vue.css">
  <!-- 
  <link rel="stylesheet" href="https://unpkg.com/docsify/themes/buble.css">
  <link rel="stylesheet" href="https://unpkg.com/docsify/themes/dark.css">
  <link rel="stylesheet" href="https://unpkg.com/docsify/themes/pure.css">
  <link rel="stylesheet" href="https://unpkg.com/docsify/themes/dolphin.css"> -->
  <script>
    window.$docsify = {
      loadSidebar: true, // 侧边栏
      // autoHeader: true, // 自动为每个页面增加标题
      // subMaxLevel: 2,   // 侧边栏分级
      loadNavbar: true,  // 自定义导航栏
      onlyCover: true,  // 只在访问主页时候加载封面
      coverpage: true, // 封面
      // repo: 'https://github.com/docsifyjs/docsify/',  // 页面右上角渲染一个 GitHub Corner 挂件。
      // homepage: '/zh-cn/homePage.md',  // 入口文件改为 /homePage.md
      // logo: '/favicon.ico', // logo
      // name: 'docsify', // 名字
      executeScript: true, // 执行script的标签
      mergeNavbar: true, // 小屏设备下合并导航栏到侧边栏
      routerMode: 'history', // default: 'hash' 去掉#号
      // notFoundPage: true, // 404页面
      topMargin: 90, // default: 0
      // 按照路由切换
      nameLink: {
        '/zh-cn/': '/zh-cn/',
        '/en-cn': '/en-cn',
      },
      themeColor: 'green', // 替换主题色
      // 完整配置参数
      search: {
        maxAge: 86400000, // 过期时间，单位毫秒，默认一天
        paths: 'auto', // or 'auto'
        // 提示信息
        placeholder: {
          '/zh-cn/': '搜索',
          '/en-cn/': 'Type to search',
        },
        // 找不到数据时处理
        noData: {
          '/': '找不到结果',
          '/en-cn/': 'No Results'
        },

        // 搜索标题的最大层级, 1 - 6
        depth: 2,

        hideOtherSidebarContent: false, // 是否隐藏其他侧边栏内容

        // 避免搜索索引冲突
        // 同一域下的多个网站之间
        namespace: 'website-1',

        // 使用不同的索引作为路径前缀（namespaces）
        // 注意：仅适用于 paths: 'auto' 模式
        //
        // 初始化索引时，我们从侧边栏查找第一个路径
        // 如果它与列表中的前缀匹配，我们将切换到相应的索引
        pathNamespaces: ['/en-cn'],

        // 您可以提供一个正则表达式来匹配前缀。在这种情况下，
        // 匹配到的字符串将被用来识别索引
        pathNamespaces: /^(\/(en-cn))?(\/(v1|v2))?/
      },
      name: '',
      repo: '',
      copyCode: {
        buttonText : '复制到剪切板',
        errorText  : '复制失败',
        successText: '复制成功'
      },
      // markdown: {
      //   smartypants: true,
      //   render: function(tokens, idx) {
      //     if (tokens[idx].nesting === 1) {
      //       // 1.获取第一行的内容使用markdown渲染html作为组件的描述
      //       let demoInfo = tokens[idx].info
      //         .trim()
      //         .match(/^demo\s+(.*)$/);
      //       let description =
      //         demoInfo && demoInfo.length > 1
      //           ? demoInfo[1]
      //           : '';
      //       let descriptionHTML = description
      //         ? markdownRender.render(description)
      //         : '';
      //       // 2.获取代码块内的html和js代码
      //       let content = tokens[idx + 1].content;
      //       // 3.使用自定义开发组件【DemoBlock】来包裹内容并且渲染成案例和代码示例
      //       return `<demo-block>
      //         <div class="source" slot="source">${content}</div>
      //         ${descriptionHTML}
      //         <div class="highlight" slot="highlight">`;
      //     } else {
      //     return '</div></demo-block>\n';
      //     }
      //   }
      // },
      // vue组件
      // vueComponents: {
      // 'button-counter': {
      //     'demo-block': DemoBlock
      //   }
      // }
      // 自定义插件
      // plugins: [
      //   function(hook) {
      //     var footer = [
      //       '<hr/>',
      //       '<footer>',
      //       '<span><a href="https://github.com/QingWei-Li">cinwell</a> &copy;2017.</span>',
      //       '<span>Proudly published with <a href="https://github.com/docsifyjs/docsify" target="_blank">docsify</a>.</span>',
      //       '</footer>'
      //     ].join('');

      //     hook.afterEach(function(html) {
      //       return html + footer;
      //     });
      //   }
      // ]
    }
  </script>
  <script src="./base/docsify.min.js"></script>  <!-- docsify -->
  <script src="./base/search.min.js"></script>  <!-- 全局搜索插件 -->
  <script src="./base/external-script.min.js"></script>  <!-- 支持script插件 -->
  <script src="./base/zoom-image.min.js"></script>  <!-- 支持图片缩略插件 -->
  <script src="./base/docsify-copy-code.min.js"></script> <!-- 复制到剪切板插件 -->
  <!-- markdown 额外的语法支持 -->
  <script src="./base/prism-bash.min.js"></script>
  <script src="./base/prism-sql.min.js"></script>
</body>
</html>
